<ion-view id="workPlatform">
	<ion-content>
		<div class="row padding0">
			<div class="col col-25 leftMenu">
				<ion-list>
					<ion-item>
						<center>
							<img src="img/avatar.png" style="width:50%"></center>
					</ion-item>
					<ion-item style="padding:8px">
						<center>工程师</center>
					</ion-item>
					<ion-item style="padding:8px 16px 20px 16px;border-bottom:2px dashed white;margin-bottom:20px">
						<center>
							<span style="border:1px solid white;padding:5px 10px">后场旁站员</span>
						</center>
					</ion-item>
					<ion-item class="padding10">
						<span class="paddingRight10">工程</span>
						<span>镇丹高速公路</span>
					</ion-item>
					<ion-item class="padding10">
						<span class="paddingRight10">工程</span>
						<span>镇丹高速公路</span>
					</ion-item>
					<ion-item class="padding10">
						<span class="paddingRight10">工程</span>
						<span>镇丹高速公路</span>
					</ion-item>
					<ion-item class="padding10">
						<span class="paddingRight10">工程</span>
						<span>镇丹高速公路</span>
					</ion-item>
					<!-- 			<ion-item style="position:absolute;bottom:0;text-align:center;width:100%;">
					<img src="img/back_index.png" style="width:40%"></ion-item>
				-->
				<ion-item class="textCenter">
					<img src="img/back_index.png" ng-click="goBack('workPlatform')" 
						style="width:40%"></ion-item>
			</ion-list>
		</div>
		<div class="col col-25 right-content-col" style="border-right:2px dashed lightgray">
			<ion-list>
				<ion-item class="right-content-item border0">
					<span>由我创建</span>
				</ion-item>
				<ion-item class="right-content-item row" 
					ng-click="goNewPage('checkTableRecord',{status:0,type:1})">
					<div class="col textCenter">
						<img src="img/unaccepte.png" style="width:60%"></div>
					<div class="col right-content-item-div">
						<center>3</center>
						<center>草稿箱</center>
					</div>
				</ion-item>
				<ion-item class="right-content-item row"
							ng-click="goNewPage('checkTableRecord',{status:2,type:1})">
					<div class="col textCenter">
						<img src="img/nopass.png" style="width:60%"></div>
					<div class="col right-content-item-div">
						<center>3</center>
						<center>未通过</center>
					</div>
				</ion-item>
				<ion-item class="right-content-item row"
							ng-click="goNewPage('checkTableRecord',{status:3,type:1})">
					<div class="col textCenter">
						<img src="img/pass.png" style="width:60%"></div>
					<div class="col right-content-item-div">
						<center>3</center>
						<center>已通过</center>
					</div>
				</ion-item>
				<ion-item class="right-content-item row"
							ng-click="goNewPage('checkTableRecord',{status:1,type:1})">
					<div class="col textCenter">
						<img src="img/unaccepte.png" style="width:60%"></div>
					<div class="col right-content-item-div">
						<center>3</center>
						<center>待验收</center>
					</div>
				</ion-item>
			</ion-list>
		</div>
		<div class="col col-25 right-content-col">
			<ion-list>
				<ion-item class="right-content-item border0">
					<span>由我验收</span>
				</ion-item>
				<ion-item class="right-content-item row"
							ng-click="goNewPage('checkTableRecord',{status:1,type:2})">
					<div class="col textCenter">
						<img src="img/unaccepte.png" style="width:60%"></div>
					<div class="col right-content-item-div">
						<center>3</center>
						<center>待验收</center>
					</div>
				</ion-item>
				<ion-item class="right-content-item row"
							ng-click="goNewPage('checkTableRecord',{status:2,type:2})">
					<div class="col textCenter">
						<img src="img/nopass.png" style="width:60%"></div>
					<div class="col right-content-item-div">
						<center>3</center>
						<center>未通过</center>
					</div>
				</ion-item>
				<ion-item class="right-content-item row"
							ng-click="goNewPage('checkTableRecord',{status:3,type:2})">
					<div class="col textCenter">
						<img src="img/pass.png" style="width:60%"></div>
					<div class="col right-content-item-div">
						<center>3</center>
						<center>已通过</center>
					</div>
				</ion-item>

			</ion-list>
		</div>
		<div class="col col-25 right-content-col">
			<ion-item class="right-content-item border0">
				<img src="img/setting.png" setting-model style="width:20%" />
			</ion-item>
		</div>
	</div>
</ion-content>
</ion-view>

<style type="text/css">
	#workPlatform .leftMenu {
		background-color: #17a47d;
		min-height: 100%;
	}
	#workPlatform .leftMenu .list {
		min-height: 100%;
	}

	#workPlatform .leftMenu .item {
		background-color: #17a47d;
		color: white;
		border:none;
	}
 
	#workPlatform .padding10 {
		padding: 10px 16px;
	}

	#workPlatform .paddingRight10 {
		padding-right: 20px;
	}  

	#workPlatform .right-content-item-div {
		display: flex;
    justify-content: space-around;
    flex-direction: column;
	} 
	#workPlatform .right-content-item {
		padding: 10px 16px;
		margin: 15px 0;
	}
	#workPlatform .right-content-item img{
		width: 60%;
		vertical-align: middle;
	}

  #workPlatform .right-content-col {
		padding: 10px 30px;
	}



</style>